<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>控制台</title>
    <link rel="stylesheet" href="../../../static/libs/layui/css/layui.css">
    <link rel="stylesheet" href="../../../static/css/commom.css">
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">访问量
                        <span class="layui-badge layui-bg-blue pull-right">周</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">99966</p>
                        <p>总计访问量
                            <span class="pull-right">88万
                                <i class="layui-icon layui-icon-flag"></i>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">下载
                        <span class="layui-badge layui-bg-blue pull-right">月</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">333555</p>
                        <p>新下载
                            <span class="pull-right">10%
                                <i class="layui-icon">&#xe601</i>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        Start<span class="layui-badge layui-bg-green pull-right">周</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">99,666</p>
                        <p>总Start数<span class="pull-right">88万 <i class="layui-icon layui-icon-rate"></i></span></p>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        活跃用户<span class="layui-badge layui-bg-orange pull-right">月</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">66,666</p>
                        <p>最近一个月<span class="pull-right">15% <i class="layui-icon layui-icon-user"></i></span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-lg8 layui-col-md7">
                <div class="layui-card">
                    <div class="layui-card-header">更新日志</div>
                    <div class="layui-card-body">
                        <ul class="layui-timeline">
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2.0
                                        <small>发布全新版本</small>
                                        <span class="layui-badge-rim">2019-6-21</span>
                                    </h3>
                                    <ul>
                                        <li>重构左侧菜单，优化动态收缩展开子列表。</li>
                                        <li>引入bodyTab.js动态联动左侧菜单与navbar联动效果。</li>
                                        <li>navbar导航栏变化效果拖动切换效果。</li>
                                        <li>添加缓存navbar选项卡内容。</li>
                                    </ul>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">
                                        1.0
                                        <small>优化</small>&emsp;
                                        <span class="layui-badge-rim">2019-6-6</span>
                                    </h3>
                                    <ul>
                                        <li>添加模块权限页面，upgrade详情模板页面</li>
                                        <li>添加echarts模板页面</li>
                                        <li>添加upgrade操作日志页面。</li>
                                    </ul>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">
                                        1.0
                                        <small>EUI·ADMIN分享发布</small>&emsp;
                                        <span class="layui-badge-rim">2019-2-21</span>
                                    </h3>
                                    <ul>
                                        <li>新增tab.js和left.js联动主体框架功能。</li>
                                        <li>组件库添加PC端和微信端主要组件。</li>
                                        <li>添加404,405等基础模板页面。</li>
                                        <li>模仿IO审批页面添加三列布局页。</li>
                                    </ul>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <div class="layui-timeline-title">
                                        EUI·ADMIN默默开发中...&emsp;<span class="layui-badge-rim">更早</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="layui-col-lg4 layui-col-md5">
                <div class="layui-card">
                    <div class="layui-card-header">前端框架</div>
                    <div class="layui-card-body">
                        <table class="layui-table layui-text">
                            <colgroup>
                                <col width="100">
                            </colgroup>
                            <tbody>
                                <tr>
                                    <td>当前版本</td>
                                    <td>2.0</td>
                                </tr>
                                <tr>
                                    <td>基础框架</td>
                                    <td>layui-v2.5.0</td>
                                </tr>
                                <tr>
                                    <td>开发作者</td>
                                    <td>EUI</td>
                                </tr>
                                <tr>
                                    <td>友情链接</td>
                                    <td>
                                        <a href="http://layuicms.com/v2/index.html" target="_blank"
                                            class="layui-btn layui-btn-sm">layuiCMS2.0</a>
                                        <a href="https://easyweb.vip" target="_blank"
                                            class="layui-btn layui-btn-sm">EasyWeb</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-card-header">实时监控</div>
                    <div class="layui-card-body layadmin-takerates">
                        <div class="layui-progress " lay-showPercent="yes">
                            <h3>CPU使用率</h3>
                            <div class="layui-progress-bar" lay-percent="58%"></div>
                        </div>
                        <div class="layui-progress" lay-showPercent="yes">
                            <h3>内存占用率</h3>
                            <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../../static/libs/layui/layui.js"></script>
    <script src="../../../static/js/common.js"></script>
    <script>
        layui.use(['element'], function () {
            var element = layui.element;
        });
    </script>
</body>

</html>